<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="static/js/font_1693746_l88lqiaavxa.js"></script>
  <link rel="stylesheet" href="static/css/base.css">
  <link rel="stylesheet" href="static/css/font_1693746_l88lqiaavxa.css">
  <title>开发助手高效版-网页版极致cms开发助手</title>
</head>
<body>
<div class="tool-container clearfix">
  <div class="menu">
    <span></span>
  </div>
  <div class="tool-nav" style="display: none;">
    <a href="index.html">导航菜单</a>
    <a href="site.html">站点信息</a>
    <a href="index-page.html">指定栏目</a>
    <a href="index-list.html">指定文章列表</a>
    <a href="index-product.html">指定商品列表</a>
    <a href="sort.html">当前栏目</a>
    <a href="banner.html">轮播图</a>
    <a href="article-list.html">文章列表</a>
    <a href="article-details.html">文章详情</a>
    <a href="productlist.html">产品列表</a>
    <a href="product.html">产品详情</a>
    <a href="pics.html">多图遍历</a>
    <a href="fenye.html">分页</a>
    <a href="message.html">表单留言</a>
    <a href="search.html">搜索列表</a>
    <a href="if.html">IF判断</a>
    <a href="en.html">多语言建站</a> 
    <a href="select.html">多条件筛选</a>
    <a href="label.html">全局标签</a>
    <a href="user.html">会员登录注册</a>
    <a href="javascript:;">无刷新点赞</a>
    <a href="">友情链接</a>
    <a href="other.html">其他</a>
  </div>
  <div class="tool-left">
    <div class="english">
      <a href="en.html"><svg class="icon" aria-hidden="true"><use xlink:href="#iconchina"></use></svg>CN <svg class="icon" aria-hidden="true"><use xlink:href="#iconmeiguo"></use></svg>EN</a>
    </div>
    <div class="logo-search container">
      <a href="site.html" class="logo">极致CMS开发助手</a>
      <a href="search.html" class="search">
        <span>请输入关键词</span>
        <span>搜索</span>
      </a>
      <a href="user.html" class="login">
        <span>登录/注册</span>
      </a>
    </div>
    <div class="header">
      <ul class="navbar clearfix">
        <li><a href="index.html">首页</a></li>
        <li><a href="productlist.html">产品列表</a></li>
        <li><a href="product.html">产品详情</a></li>
        <li><a href="article-list.html">文章列表</a></li>
        <li><a href="article-details.html">文章详情</a></li>
        <li><a href="page.html">单页</a></li>
        <li><a href="label.html">全局标签</a></li>
        <li><a href="other.html">其他</a></li>
      </ul>
    </div>
    <div class="banner container">
      <a href="banner.html"><img src="static/picture/banner.png" alt=""></a>
    </div>
    <div class="index-main container">
      <a href="index-page.html">
        <h3>公司简介</h3>
        <p>欢迎您使用极致CMS商业版, 希望我们的建站系统能够让您在使用的时候感到快乐~郑重承诺极致CMS商业版程序无后门，无限制，全开源，不收授权费，长期运营至死方休。</p>
      </a>
    </div>
    <div class="index-main container">
      <a href="index-product.html">
        <h3>产品展示</h3>
        <span>IMG1</span>
        <span>IMG2</span>
        <span>IMG3</span>
        <span>IMG4</span>
        <span>IMG5</span>
      </a>
    </div>
    <div class="index-foot clearfix">
      <a href="index-list.html" class="index-news">
        <h4>公司新闻</h4>
        <ul>
          <li>新闻标题 <span>2020-03-12</span></li>
          <li>新闻标题 <span>2020-03-12</span></li>
          <li>新闻标题 <span>2020-03-12</span></li>
          <li>新闻标题 <span>2020-03-12</span></li>
          <li>新闻标题 <span>2020-03-12</span></li>
        </ul>
      </a>
      <a href="message.html" class="index-form">
        <h4>留言板</h4>
        <div class="form-item">
          <span class="input">请输入您的姓名</span>
        </div>
        <div class="form-item">
          <span class="input">请输入您的电话</span>
        </div>
        <div class="form-item">
          <span class="button">提交</span>
        </div>
      </a>
      <a href="company.html" class="index-contact">
        <h4>联系我们</h4>
        <div class="index-contact-item">
          <p>联系人：HOUJUN</p>
          <p>QQ：11329827</p>
          <p>地址：成都市青羊区</p>
        </div>
      </a>
    </div>
    <div class="index-link container">
      <a href="">
        友情链接：<span>极致CMS</span><span>菜鸟教程</span>
      </a>
    </div>
    <a href="site.html" class="index-footer">
      <p><span>&copy;2020 极致CMS版权所有</span></p>
      <p><span>蜀ICP备2021016482号</span></p>
    </a>
  </div>
<div class="tool-right">
    <div class="tool-code">
      <h2>极致CMS开发助手</h2>
      <div class="tool-code-box" id="tool-code1">

        <div class="code-box code-create">
          <h3>生成助手-友情链接(loop table="links")</h3>
          <div class="num">
            <div class="result-code">
              <div class="textarea-box">
                <textarea id="link" type="text" name="result" value="" rows="4"> </textarea><button onclick="copyTextarea()">COPY</button>
              </div>
            </div>
            <div class="count">
              <span>分组id：<input type="text" placeholder="分组tid,数字" id="id1"></span>
              <span>链接数量：<input type="text" id="num1" placeholder="数字"></span>
              <span>链接形式：<select id="type">
                  <option value="0">文字链接</option>
                  <option value="1">文字链接带li</option>
                  <option value="2">图片链接</option>
                  <option value="3">图片链接带li</option>
                  </select>
            </span>
              <span>显示隐藏：<select id="isshow">
                  <option value="1">输出只显示</option>
                  <option value="0">全部包含隐藏</option>
                  </select>
            </span>
              <span><input type="submit" value="生成代码" onclick="link()"></span>
            </div>
          </div>
        </div>
           <div class="code-tips">
                <span>Tips</span>isshow=1 表示只输出显示的友情链接,（后台可以控制显示和隐藏）<br>
                要调用图片要先去扩展增加友情链接字段
            </div>


        <div class="code-box code-para">
          <h3>常用标签 <span>(点击即复制)</span></h3>
            <button onclick="copyText()"><span class="copy">{$v['title']}</span><span>链接名</span></button>
            <button onclick="copyText()"><span class="copy">{$v['url']}</span><span>链接url</span></button>
            <button onclick="copyText()"><span class="copy">{$v['xxx']}</span><span>其他字段内容</span></button>
        </div>
        
        <div class="code-box code-label">
          <h3>全部标签 <span>(点击即复制)</span></h3>
            <button onclick="copyText()"><span class="copy">{$v['title']}</span><span>链接名</span></button>
            <button onclick="copyText()"><span class="copy">{$v['url']}</span><span>链接url</span></button>
            <button onclick="copyText()"><span class="copy">{$v['linkimg']}</span><span>链接图片</span></button>
            <button onclick="copyText()"><span class="copy">{$v['xxx']}</span><span>其他字段内容</span></button>
            <input type="text" id="input" value="12345" style="opacity: 0;">
                <div class="code-tips">
                    <span>Tips</span>其他字段自己到后台增加
                </div>
        </div>

        <div class="code-box code-case">
          <h3>友情链接相关示例</h3>
          <div class="tab-hd">
            <span class="active">文字链接</span>
            <span>图片链接</span>
          </div>
          <div class="tab-bd">
<div class="textarea-box">
  <textarea name="" id="" rows="3">
{loop table="links" isshow="1" orderby="orders desc" as="v"}
    <a href="{$v['url']}">{$v['title']}</a>
{/loop}</textarea><button onclick="copyTextarea()">COPY</button>
</div>
<div class="textarea-box" style="display: none;">
  <textarea name="" id="" rows="3">
{loop table="links" isshow="1" orderby="orders desc" as="v"}
    <a href="{$v['url']}"  target="_blank"><img src="{$v['linkimg']}" alt="{$v['description']}"></a>
{/loop}
</textarea><button onclick="copyTextarea()">COPY</button>
</div>
          </div>
          <div class="code-tips">
            <span>Tips</span>要调用图片,先去扩展-友情链接-增加字段
          </div>
      </div>

    </div>
  </div>
</div>
</div>
<script src="static/js/jquery-1.10.2.js"></script>
<script src="static/js/base.js"></script>
</body>
</html>